<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>案例</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="container">
			<div class="header">
				<span class="bar"></span>
					<div class="hgroup">
					<div class="layout clear">
						<div class="logo fl" >
							<a href="">
								<img src="img/logo.png" alt="">
							</a>			
						</div>
						<div class="nav fr">
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于</a></li>
								<li><a href="news.html">新闻</a></li>
								<li><a href="field.html">领域</a></li>
								<li class="on"><a href="case.html">案例</a></li>
								<li><a href="honor.html">荣誉</a></li>
								<li><a href="service.html">服务</a></li>
								<li><a href="partner.html">伙伴</a></li>
								<li><a href="contact.html">联系</a></li>
							</ul>
						</div>    
				    </div>
			    </div>   
			</div>
		</div>
		<!--背景-->
		<div class="top-warp">
		   	<div class="bg-color">
		   		<div class="top-nav clear">
		   			<a href="case.html" class="tit fl">工程案例</a>
		   			<div class="fr">
		   				<a href="case_1.html">样板房</a>
		   				<a href="">售楼部</a>
		   				<a href="">楼盘精装</a>
		   				<a href="">别墅</a>
		   				<a href="">家居住宅</a>
		   				<a href="">银行医院</a>
		   				<a href="">办公空间</a>
		   				<a href="">商业空间</a>
		   				<a href="">娱乐会所</a>
		   				<a href="">酒店餐饮</a>
		   			</div>
		   		</div>
		   	</div>
		   <div class="top-bg new info">
		   	<h1>精雕细琢&nbsp;<span class="">.</span>&nbsp;臻于至善 </h1>
		   </div>
		</div>
		
		<!--内容-->
		<div class="layout">
			<div class="case-yb pub-hd">
        		<div class="hd">
					<h1>样板房</h1>
		    	 	<p class="line"></p>
				</div>
				<div class="bg">
					<ul>
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_01.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_02.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>	
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_03.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				    	<li>
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_04.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				   </ul>
				   <ul class="mt40">
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_05.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_06.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>	
				    	<li class="mr10">
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_07.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				    	<li>
				    		<a href="case-1-1.html" class="hover-img">
					    		<span><img src="img/样板_08.jpg"/></span>
					    	</a>
					    	<p>案例名称名称案例</p>
				    	</li>
				   </ul>
				</div>
				<div id="pager"  class="tc"></div>	
		    </div>
		</div>

		<!--底部-->
		<div class="footer mt50">
			<div class="layout clear">
				<div class="list fl">
					<a href="">版权申明</a><span>|</span>
					<a href="">隐私保护</a><span>|</span>
					<a href="">友情链接 </a><span>|</span>
					<a href="news.html">新闻中心</a><span>|</span>
					<a href="contact.html">联系我们</a>
				</div>
				<div class="link fr">
					<span>名邸装饰版权所有</span>
					<a href=""><img src="img/weibo.png"/></a>
					<a href=""><img src="img/weixin.png"/></a>
					<a href=""><img src="img/qq.png"/></a>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/laypage/laypage.js" type="text/javascript" charset="utf-8"></script>
		<script>
		$(function(){
			laypage({
			    cont: $('#pager'), 
			    pages: 50, 
			    first: 1,
			    last: 50,
			    groups: 5,
			    skin: '#2b685f'
			});
		})
		</script>
	</body>
</html>
